<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8" />
	<title>群组信息</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta http-equiv="Access-Control-Allow-Origin" content="*">
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/animate.css" />
	<link rel="stylesheet" href="css/swiper-3.4.1.min.css" />
	<link rel="stylesheet" href="css/layout.css" />
	
	<script src="js/jquery-1.9.1.min.js"></script>
	<script src="js/zepto.min.js"></script>
	<script src="js/fontSize.js"></script>
	<script src="js/swiper-3.4.1.min.js"></script>
	<script src="js/wcPop.js"></script>
	
</head>
<style type="text/css">
	div#zk {
    outline: none;
    display: block;
    width: 50%;
    line-height: 2;
    margin: .1rem auto;
    color: #666;
    font-size: .28rem;
    text-align: center;
   /* background: url(/static/img/arrowposter.jpg) no-repeat 3rem center;*/
}
</style>
<body>
	
	<!-- <>微聊主容器 -->
	<div class="wechat__panel clearfix">
		<div class="wc__home-wrapper flexbox flex__direction-column">
			<!-- //顶部 -->
			<div class="wc__headerBar fixed">
				<div class="inner flexbox">
					<a class="back" href="javascript:;" onclick="history.back(-1);"></a>
					<h2 class="barTit flex1">拨号连接</h2>
				</div>
			</div>

			<!-- //群信息页 -->
			<div class="wc__ucinfoPanel">
				
				<div class="wc__ucinfo-personal">
					<ul class="clearfix">
						<li>
							<div class="item flexbox flex-alignc wc__material-cell">
								<label class="lbl flex1" >IP</label>
								<input class="val" type="text" id="ipd" value="0.0.0.0"  />
							</div>
							<div class="item flexbox flex-alignc wc__material-cell">
								<label class="lbl flex1" >PORT</label>
								<input class="val" type="text" id="port" value="1883" />
							</div>

							<div class="item flexbox flex-alignc wc__material-cell">
								<label class="lbl flex1" >称呼</label>
								<input class="val" type="text" id="nickname" value="选填" />
							</div>
						</li>
						
						<!--<li>
							<div class="item flexbox flex-alignc wc__material-cell">
								<label class="lbl flex1">设置当前聊天背景</label>
							</div>
						</li>-->
						
					</ul>
				</div>
				<div class="wc__btns-panel mt-30">
					<a class="wc__btn-primary" href="javascript:;" style="background: #405ae6;" id="J__leaveOutQun">立即连接</a>
				</div>
			</div>

		</div>
	</div>


	<script type="text/javascript">
		/** __公共函数 */
		$(function(){
			//清空群聊天记录
			$("#groupqk").on("click", function(){
				var logout = wcPop({
					skin: 'android',
					content: '只有群主才可清空本群消息,确定清空？',

					btns: [
						{
							text: '取消',
							onTap() {
								wcPop.close();
							}
						},
						{
							text: '确定',
							style: 'color:#e64240',
							onTap() {
							wcPop.close();
						$.post("/index.php/message/index/groupqk",
			{
		 userid:9,//用户ID
		 },
    function(data,status){
		if(data==1){
		Toast("已清空",2000)
		}else{
			Toast("没有权限",2000)
		}
		//消息回调
    });
								//window.location.href = "index.html";
								
							}
						}
					]
				});
			});
			// ...
		});
		
		/** __自定函数 */
		$(function(){
			// 退出群
			$("#J__leaveOutQun").on("click", function(){
				var logout = wcPop({
					skin: 'android',
					content: '只有群主才操作,确定删除？',

					btns: [
						{
							text: '取消',
							onTap() {
								wcPop.close();
							}
						},
						{
							text: '确定',
							style: 'color:#e64240',
							onTap() {
							//	window.location.href = "index.html";
								wcPop.close();
								$.post("/index.php/message/index/groupdel",
			{
		 userid:9,//用户ID
		 },
    function(data,status){
		if(data==1){
		Toast("已删除",2000)
		window.location.href = "/";
		}else{
			Toast("没有权限",2000)
		}
		//消息回调
    });
							}
						}
					]
				});
			});



			    $("#zk").click(function(){
                if ($(this).text() == "展开更多") {
                    $(this).text("收起");
					$('.show').show();
					
                  //  $(this).siblings(".poster-txt").removeClass("xg").css("height","auto");
                  //  $(this).addClass('current-menu').siblings().removeClass('current-menu');
                }else{
                    $(this).text("展开更多");
					$('.show').hide();
					
                  //  $(this).siblings(".poster-txt").addClass("xg").css("height","4.2rem");
                 //   $(this).removeClass('current-menu').siblings().addClass('current-menu');
                }
                
				

				
				
            });
			
		});
//关闭聊天是发言
function groupzt(){  
	 $.post("/index.php/message/index/groupzt",
    {
      groupid:9,
	},
	   function(data,status){
		   if(data==2){
		    Tmsg('没有权限',2);
		   }else if(data==1){
			   Tmsg('更改聊天室状态,不允许发言',3);
		   }else{
			   Tmsg('更改聊天室状态,允许发言',3);
		   }
	   });
 
  return;
}
	function Tmsg(msg,time){
	 wcPop({
      anim: 'fadeIn',
      content: msg,
      shade: true,
      shadeClose: false,
      time: time
    });

		
}
function Toast(msg,duration){  
    duration=isNaN(duration)?3000:duration;  
    var m = document.createElement('div');  
    m.innerHTML = msg;  
    m.style.cssText="width: 60%;min-width: 150px;opacity: 0.7;height: 30px;color: rgb(255, 255, 255);line-height: 30px;text-align: center;border-radius: 5px;position: fixed;top: 40%;left: 20%;z-index: 999999;background: rgb(0, 0, 0);font-size: 12px;";  
    document.body.appendChild(m);  
    setTimeout(function() {  
        var d = 0.5;  
        m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';  
        m.style.opacity = '0';  
        setTimeout(function() { document.body.removeChild(m) }, d * 1000);  
    }, duration);  
}
	</script>
	<!--key:4c9fd0901d433aa2-->
</body>
</html>
